<template>
  <div>
    <el-menu
      :default-active="default_active"
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
    >
      <el-submenu
        :key="navMenu.wm_code"
        :index="navMenu.wm_code"
        v-for="navMenu in menuData"
      >
      
      <template slot="title">
          {{navMenu.wm_name}}
      </template>
      
      <el-menu-item
      :key="son.wm_code"
      :index="son.wm_code"
      v-for="son in navMenu.sonWebSystemMenuViewList"
      
      
      >
      <router-link :to="son.wm_url">{{son.wm_name}}</router-link>
      <left-menu :menuData="son.sonWebSystemMenuViewList"></left-menu>
      </el-menu-item>
      
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
    name:"LeftMenu",
    props:["menuData","default_active"]
};
</script>

<style>
</style>